import React from 'react';
import ReactDOM from 'react-dom/client';
import App from './App';
import {BrowserRouter as Router} from "react-router-dom"

const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(
  <Router>
    {/* 
      Router有两种路由方式：
        1. BrowserRouter
            问题：
              当主动刷新网页时，会报404
            解决方案：
              1. 使用HashRouter
              2. 修改部署服务器的配置，将访问的地址都转为index.html，将逻辑交给router来处理
        2. HashRouter
            问题：
              链接后面会带有#号，看起来不美观
            解决方案：
              使用BrowserRouter  
    */}
    <App />
  </Router>
);
